<template>
  <div>
    <el-row type="flex" style="height: 100%; margin-bottom: 10px">
      <el-col :span="4">
      </el-col>

      <el-col :span="5">
        <Introduce class="left_card"></Introduce>
        <LabelCloud class="left_card"></LabelCloud>
        <HotBlog class="left_card"></HotBlog>
      </el-col>
      <el-col :span="11">
        <HomeShowBlog>

        </HomeShowBlog>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import LabelCloud from "./LabelCloud";
import HomeShowBlog from "./HomeShowBlog";
import Carousel from "./Carousel";
import Introduce from "./Introduce";
import HotBlog from "./HotBlog";
export default {
  name: "HomePage",
  components: {
    LabelCloud, //标签云
    HomeShowBlog, //显示博客
    Carousel, //走马灯
    Introduce, //个人简介
    HotBlog,
  },
  mounted() {

  }
}
</script>

<style scoped>

.left_card{
  padding:0 20px 20px 0
}
>>> .el-card{
  border-radius: 15px;
}
>>> .el-card__header{
  background-color: #409eff;
  color: white;
}

</style>
